<template>
<view    class="bottom">
              	<nav-bar :title="exanmeData.setMealName"  :titleColor="'black'" :color="'red'"></nav-bar>
                <!-- <view class="box"> -->

                <!-- <scroll-view class="scroll" scroll-y @scroll="pageScroll">
                    <u-swiper :list="swiperList" keyName="img" height="260" radius="0" indicator indicatorMode="dot"
                        circular @click="swiperSkip($event, 1)"></u-swiper>
                    <view>
                        <view class="img1">
                            <image style="width: 100%" v-for="(item, index) in profileList" :key="index" mode="widthFix"
                                :src="item.img" @click="swiperSkip(index, 2)"></image>
                        </view>
                    </view>
                    <image v-for="(item, index) in referralsList" :key="index" class="img" :src="item.goodImg" mode="">
                    </image>
                </scroll-view> -->
                <view  class="list" v-for="item in exanmeData.projectList" @click="appointMent(item)">
                    <view class="one">
                        <image :src="item.imagePath" mode="" style="
                           margin:16rpx 0 0 10rpx;width: 193rpx;
                            height: 150rpx;"></image>
                    </view>
                    <view class="two" style="margin-left:20rpx;">
                        <view class="center1">
                            {{item.projectName}}
                        </view>
                        <view class="center2">
                            {{item.projectNameDescription}}
                        </view>
                    </view>
                    <view class="three">
                        <view class="right1">¥{{item.projectPrice}}</view>
                        <view class="right2" @click="appointMent(item)">
                            <view class="text">点击预约</view>
                        </view>
                    </view>
                    <!-- </view> -->
                </view>
            </view>
</template>

<script>
export default {
  name: "list",
  props: ["listData"],
  data(){
	   return {
		   exanmeData:{},
		   tiJianLIst:[
		       {
		       name:'儿童体检',
		       price:'',
		       path:'',
		       image:'/static/images2/男儿童医生.png',
		       jianInfo:'包含内科检查、外科检查、视力筛查五官检查，系统检查'
		   }]
	   }
  },
  mounted(){
	  console.log(this.listData,"数据")
  },
  onLoad(optsions){
	             console.log(optsions,"查询参数")
	             const data =  JSON.parse(decodeURIComponent(optsions.data));
	             this.exanmeData = data
	  			 console.log(data)
  },
 methods:{ 
	  appointMent(item) {
	      uni.navigateTo({
	         url: `/subPages/meaDetail/meaDetail?data=${encodeURIComponent(JSON.stringify(item))}`,
	      })
	  },
 }
}
</script>

<style scoped>
.container {
  width: 100%; 

  background-color: red;
}
    .list {
        display: flex;
        margin: 52rpx 32rpx 0;
        // border: 1rpx solid black;
        width: 686rpx;
        height: 190rpx;
        // background: #FFFFFF;
        background: #F8FCFF;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
    }

    .right1 {
        margin: 56rpx 0rpx 0 0;
        width: 110rpx;
        height: 36rpx;
        font-family: Douyin Sans, Douyin Sans;
        font-weight: bold;
        font-size: 30rpx;
        color: #EB5432;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }
	.right2 {
	
	    // margin: 42rpx 0 0 0;
	    width: 146rpx;
	    height: 52rpx;
	    background: #159DFF;
	    border-radius: 74rpx 74rpx 74rpx 74rpx;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
</style>
